<template>
	<div class="myMoneyForm" :style="{height: carryHeight + 'px'}">
		<div class="form">
            <img src="../assets/img/correctIcon.png" class="correct">
            <h4>提交成功</h4>
            <p>您的兑换信息已提交至系统审核，我们将在24小时内处理您的兑换信息，请注意查收账户！</p>
            <div class="sure"></div>
		</div>
		<bottom-nav></bottom-nav>
	</div>
</template>

<script>
	import bottomNav from './bottomNav'
	export default {
		name: 'carry',
		data () {
			return {
				carryHeight: 0
			}
		},
		components: {bottomNav},
		mounted () {
			
		},
		created() {
			this.init();
		},
		methods: {
			init () {
				this.carryHeight = (document.documentElement.clientHeight - document.documentElement.clientHeight/750*4.9*10);			
			},
			openDialog() {
				MessageBox({
					message: '<p>拆红包</p>',
					title: '',
					dialogClass: 'carry1Dialog',
					showCancelButton: true,
					confirmButtonText: '',
					cancelButtonText: ''
				});
			}
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.myMoneyForm{padding: 11.15rem 2.1rem;background: url(../assets/img/myMoneyBg.png) center 0 #f9ecdb no-repeat;text-align: center;background-size: 100% auto;width: 100%;box-sizing: border-box;}
.myMoneyForm .form{margin: 0 auto;padding: 2.3rem 3.5rem;width: 31.3rem;height: 33.1rem;border: 4px solid #fbcd91;border-radius: 12px;background: #fff;box-sizing: border-box;}
.myMoneyForm .form .correct{width: 8.3rem;height: 8.3rem;}
.myMoneyForm .form h4{color: #000;font-size: 2.3rem;font-weight: bold;line-height: 3;}
.myMoneyForm .form p{font-size: 1.4rem;color: #ed3c2d;line-height: 2;text-align: left;}
.myMoneyForm .form .sure{margin: 1.5rem auto 0;background: url(../assets/img/sureBtn.png) center no-repeat;background-size: auto 3.5rem;width: 16.65rem;height: 3.5rem;}
</style>
